<style>
.fui-tab-scroll .item a {color:#999}
.fui-tab-scroll .item.on,.fui-tab-scroll .item.on a{color:#333;font-weight: 400;position: relative;font-size:0.8rem}
.fui-tab-scroll .item.on:before {content: ""; height: 2px; width: 40%; background: #4491F1; position: absolute; bottom:0; left: 30%}
.fui-tab-scroll .item.active{color:#4491F1;}
.yuyue-duan {border: 1px solid #ddd;border-radius: 4px;padding:0.2rem;height:auto;width:90px;margin:8px;font-size:0.6rem;text-align:center;}
.weui_cells_radio2 .weui_check:checked + .weui_icon_checked:before {
  color: #4491F1;
}
.red {color: #4491F1;}
.fui-btn-c {
    height: auto;
    background: #f2f2f2;
    margin: 0.6rem 0.3rem;
    padding: 0.6rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
	justify-content:center;
    align-items: center;
	color:#4491F1;
    position: relative;
	border-radius:1rem;
}

.fui-btn-c .icon {
	font-size:1rem;
	padding-right:0.3rem;
	text-align:right;
}

.fui-btn-c .info {
	text-align:left;
    padding-right: 0.2rem;
    font-size: 0.75rem;
}

.fui-btn-c .info p {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.weui_cells_radio3 .imglogo-check{
    margin-top:-0.6rem;
	margin-left:1.7rem;
}
</style>
<div ng-if="!pagedata.bodylist || pagedata.bodylist.length==0 || pagedata.isyuyue==0" class="fui-page  fui-page-current page-goods-list">
<div class="fui-header">
		<div class="fui-header-left" ng-click="goback()">
			<a class="back"></a>
		</div>
		<div class="fui-header-input">
			<form method="post">
					<div class="searchbar searchbar-active">
					<div class="search-input">
						<i class="icon jinyunicon icon-search" style="font-size: 1.0rem;" ng-click="tool.get_list('jy_kexie/guan_list/getlist/',true);"></i>
						<input type="search" id="search" placeholder="输入关键字..." ng-model="pagedata.params.keyword">
					</div>
					</div>
			</form>
		</div>
		<div class="fui-header-right" data-nomenu="true">
			<a href="javascript:;" ng-click="tool.get_list('jy_kexie/guan_list/getlist/',true);">搜索</a>
		</div>
</div>
<div class="fui-content" style="top:1.3rem">
		<div class="weui_cells weui_cells_access">
				<a class="weui_cell" href="javascript:;">
					<div class="weui_cell_bd weui_cell_primary" style="padding:0">
						<span>当前定位/选择地区：{{pagedata.pcd.city || '济南市'}}</span>
					</div>
					<div class="weui_cell_ft" ng-click="toogle(post,'show')">
						选择县区
					</div>
				</a>
				<div class="row margin0" ng-show="post.show">
						<div class="jy-3" ng-repeat="value in pagedata.areas">
							<div class="yuyue-duan" style="width:auto" ng-click="pagedata.showarea=false;tool.get_list('jy_kexie/guan_list/getlist/area_id='+value.id,true)">
									<div>{{value.title}}</div>
									<div class="clear"></div>
							</div>
						</div>
				</div>
			</div>
			<!--<div class="fui-tab-scroll" style="padding-left:0.8rem">
				<div ng-class="{'item':1,'on':!pagedata.showarea}" style="height:2rem;line-height:2rem"><a href="javascript:;" ng-click="pagedata.showarea=false">热门地区</a></div>
				<div ng-class="{'item':1,'on':pagedata.showarea}" style="height:2rem;line-height:2rem"><a href="javascript:;" ng-click="pagedata.showarea=true">其他地区</a></div>
			</div>
			<div class="weui_cells" style="margin:0 0.8rem;border-radius:0.5rem;padding:0.6rem">
				<div class="row margin0">
					<div class="jy-3">
							<div class="yuyue-duan" style="width:auto" ng-click="pagedata.showarea=false;tool.get_list('jy_kexie/guan_list/getlist/province='+pagedata.pcd.province+'&city=深圳市',true);pagedata.pcd.city='深圳市'">
									<div>深圳市</div>
									<div class="clear"></div>
							</div>
						</div>
						<div class="jy-3">
							<div class="yuyue-duan" style="width:auto" ng-click="pagedata.showarea=false;tool.get_list('jy_kexie/guan_list/getlist/province='+pagedata.pcd.province+'&city=上海市',true);pagedata.pcd.city='上海市'">
									<div>上海市</div>
									<div class="clear"></div>
							</div>
						</div>
						<div class="jy-3">
							<div class="yuyue-duan" style="width:auto" ng-click="pagedata.showarea=false;tool.get_list('jy_kexie/guan_list/getlist/province='+pagedata.pcd.province+'&city=东莞市',true);pagedata.pcd.city='东莞市'">
									<div>东莞市</div>
									<div class="clear"></div>
							</div>
						</div>
						<div class="jy-3">
							<div class="yuyue-duan" style="width:auto" ng-click="pagedata.showarea=false;tool.get_list('jy_kexie/guan_list/getlist/province='+pagedata.pcd.province+'&city=北京市',true);pagedata.pcd.city='北京市'">
									<div>北京市</div>
									<div class="clear"></div>
							</div>
						</div>
						<div class="jy-3">
							<div class="yuyue-duan" style="width:auto" ng-click="pagedata.showarea=false;tool.get_list('jy_kexie/guan_list/getlist/province='+pagedata.pcd.province+'&city=南京市',true);pagedata.pcd.city='深圳市'">
									<div>南京市</div>
									<div class="clear"></div>
							</div>
						</div>
						<div class="jy-3">
							<div class="yuyue-duan" style="width:auto" ng-click="pagedata.showarea=false;tool.get_list('jy_kexie/guan_list/getlist/province='+pagedata.pcd.province+'&city=杭州市',true);pagedata.pcd.city='深圳市'">
									<div>杭州市</div>
									<div class="clear"></div>
							</div>
						</div>
				</div>
			</div>-->
			<div class="fui-tab-scroll" style="padding-left:0.8rem">
				<div ng-class="{'item':1,'on':pagedata.params.type!=1}" style="height:2rem;line-height:2rem"><a href="javascript:;" ng-click="pagedata.params.type=0;tool.get_list('jy_kexie/guan_list/getlist/',true)">附近场馆</a></div>
				<div ng-class="{'item':1,'on':pagedata.params.type==1}" style="height:2rem;line-height:2rem"><a href="javascript:;" ng-click="pagedata.params.type=1;tool.get_list('jy_kexie/guan_list/getlist/type=1',true)">常去场馆</a></div>
			</div>
			<div class="fui-list-group merchgroup" style="margin:0 0.8rem;border-radius:0.5rem;">
					<div class="fui-list" ng-repeat="item in pagedata.list">
						<a class="fui-list-media storelogo" href="javascript:;" ng-click="access_json('jy_kexie/guan_detail//id='+item.id);">
							<img class="round" ng-src="{{tomedia(item.logo) || '../core/resource/images/nopic.jpg'}}">
						</a>
						<div class="fui-list-inner" style="margin-top:0.16rem">
							<div class="title" style="font-size:0.76rem" href="javascript:;" ng-click="access_json('jy_kexie/guan_detail//id='+item.id);">{{item.title}}</div>
							<div class="gray">
								<i class="icon icon-map" style="color:#4491F1;font-size:0.6rem"></i> <span style="color:#999">{{item.address || '该场馆还未填写地址'}}</span>
								<a href="javascript:" ng-click="pagedata.openLocation(item);" style="color:#4491F1;font-size:0.65rem;line-height: 1.5;"><i class="icon icon-lvyoutehui"></i></a>
							</div>
							<div class="subtitle" style="font-size:0.55rem">
								<div class="store-moneylimit">
								  <span>电话 <span style="color:#4491F1">{{item.mobile || '无'}}</span> </span>
								 
								  <span class="store-distance">距离：{{item.juli}}km</span>
								</div>
							</div>
						</div>
					</div>
					<div ng-if="!pagedata.loading && (!pagedata.list || pagedata.list.length<1)" class='content-empty' style="margin-top:0">
						<i class='icon icon-sousuo1'></i><br/>暂时没有任何场馆
					</div>
			</div>
</div>
</div>
<div ng-if="pagedata.showarea" class="popup">
	<div class="popup-body">
		<div class="popup-bottom" style="height:20rem;overflow-y:scroll">
			<i class="closed icon icon-cuowu" ng-click="pagedata.showarea=false"></i>
			<div ng-repeat="(value,data) in pagedata.province">
				<div class="weui_cells_title">{{value}}</div>
				<div class="weui_cells">
					<div class="row margin0">
						<div class="jy-3" ng-repeat="(value,data) in pagedata.province[value]">
								<div class="yuyue-duan" style="width:auto" ng-click="pagedata.showarea=false;tool.get_list('jy_kexie/guan_list/getlist/province='+pagedata.pcd.province+'&city='+value,true);pagedata.pcd.city=value">
										<div>{{value}}</div>
										<div class="clear"></div>
								</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<script type="text/javascript">
scope.pagedata.params={}
// 百度地图API功能
window.scope.location(function(re){
		if(!scope.pagedata.pcd.city){
		scope.$evalAsync(function(){
			scope.pagedata.pcd.province = re.addressComponents.province;
			scope.pagedata.pcd.city = re.addressComponents.city;
		});
		}
		re.lat_lng=re.lat_lng?re.lat_lng:{};
		scope.tool.get_list('jy_kexie/guan_list/getlist/lat='+re.lat_lng.lat+'&lng='+re.lat_lng.lng,true);
});
scope.pagedata.scroll_bottom=function(){
	scope.tool.get_list('jy_kexie/guan_list/getlist/');
}
scope.pagedata.openLocation=function(item){
	wx.openLocation({
	latitude: item.lat_lng.lat, // 纬度，浮点数，范围为90 ~ -90
	longitude: item.lat_lng.lng, // 经度，浮点数，范围为180 ~ -180。
		name: item.province+item.city+item.district, // 位置名
		address: item.address, // 地址详情说明
		scale: 20, // 地图缩放级别,整形值,范围从1~28。默认为最大
		infoUrl: '', // 在查看位置界面底部显示的超链接,可点击跳转
		success:function(){
			//alert(1111);
		}
	});
}
</script>
<div ng-include="sys_html('common/pluginnav',true)"></div>